<div class="apps-grid-cell">
    {{#link-to 'staff.user' user.slug data-test-user-id=user.id}}
    <article class="apps-card-app">
        <div class="apps-card-left">
            <span class="user-list-item-figure" style={{background-image-style user.profileImageUrl}}>
                <span class="hidden">Photo of {{user.name}}</span>
            </span>
            <div class="apps-card-meta">
                <h3 class="apps-card-app-title">{{user.name}}</h3>
                <p class="apps-card-app-desc">Last seen: {{component.lastLoginUTC}}</p>
            </div>
        </div>
        <div class="apps-card-right">
            <div class="apps-configured">
                {{#if user.isLocked}}
                    <span class="gh-badge author">Locked</span>
                {{/if}}
                {{#unless session.user.isAuthorOrContributor}}
                    {{#each user.roles as |role|}}
                        <span class="gh-badge {{role.lowerCaseName}}" data-test-role-name>{{role.name}}</span>
                    {{/each}}
                {{/unless}}
                {{svg-jar "arrow-right"}}
            </div>
        </div>
    </article>
    {{/link-to}}
</div>
